<%-- 
    MENU LATERAL -- SIDE NAV
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<aside>
    <nav class="side-nav">
        <ul>

            <!-- FILMES -->
            <li state="close" class="main-nav">
                <img class="icon-nav" src="imagens/icons/side-nav/movies-smallw.png">
                <span>Filmes</span>
                <img class="nav-arrow" src="imagens/icons/side-nav/arrow.png">
            </li>

            <div id="1" class="submenu-box">
                <ul class="submenu">
                    <li><a href="formFilme.jsp"><img class="icon-subnav" src="imagens/icons/side-nav/plus.png"><span>Adicionar</span></a></li> 
                    <li><a href="CadastroFilme?op=0"><img class="icon-subnav" src="imagens/icons/side-nav/search.png"><span>Pesquisar</span></a></li>
                </ul>
            </div>
            <!-- FIM FILMES -->

            <!-- SALAS -->
            <li state="close" class="main-nav">
                <a href="CadastroSala?op=0">
                    <img class="icon-nav" src="imagens/icons/side-nav/rooms-smallw.png">
                    <span>Salas</span>
                    <img class="nav-arrow" src="imagens/icons/side-nav/arrow.png"></a>
            </li>

            <div id="2" class="submenu-box">
                <ul class="submenu">
                    <li><a href="formSala.jsp"><img class="icon-subnav" src="imagens/icons/side-nav/plus.png"><span>Adicionar</span></a></li>
                    <li><a href="#"><img class="icon-subnav" src="imagens/icons/side-nav/search.png"><span>Pesquisar</span></a></li>
                </ul>
            </div>
            <!-- FIM SALAS -->

            <!-- GRADE -->
            <li state="close" class="main-nav">
                <img class="icon-nav" src="imagens/icons/side-nav/grid-smallw.png">
                <span>Grade</span>
                <img class="nav-arrow" src="imagens/icons/side-nav/arrow.png">
            </li>

            <div id="3" class="submenu-box"></div>
            <!-- FIM GRADE -->

            <!-- ELENCO -->
            <li state="close" class="main-nav">
                <a href="CadastroElenco?op=0">
                    <img class="icon-nav" src="imagens/icons/side-nav/cast-smallw.png">
                    <span>Elenco</span>
                    <img class="nav-arrow" src="imagens/icons/side-nav/arrow.png"></a>
            </li>

            <div id="4" class="submenu-box">
                <ul class="submenu">
                    <li><a href="#"><img class="icon-subnav" src="imagens/icons/side-nav/plus.png"><span>Adicionar</span></a></li>
                    <li><a href="#"><img class="icon-subnav" src="imagens/icons/side-nav/search.png"><span>Pesquisar</span></a></li>
                </ul>
            </div>
            <!-- FIM ELENCO -->

            <!-- DIRETORES -->
            <li state="close" class="main-nav">
                <a href="CadastroElenco?op=0">
                <img class="icon-nav" src="imagens/icons/side-nav/director-smallw.png">
                <span>Diretores</span>
                <img id="teste" class="nav-arrow" src="imagens/icons/side-nav/arrow.png">
                </a>
            </li>

            <div id="5" class="submenu-box">
                <ul class="submenu">
                    <li><a href="#"><img class="icon-subnav" src="imagens/icons/side-nav/plus.png"><span>Adicionar</span></a></li>
                    <li><a href="#"><img class="icon-subnav" src="imagens/icons/side-nav/search.png"><span>Pesquisar</span></a></li>
                </ul>
            </div>
            <!-- FIM DIRETORES -->

        </ul>

    </nav><!-- .side-nav -->

</aside>
